function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}


$(function(){

    // 打开登录框
    $('.comment_form_logout').click(function () {
        $('.login_form_con').show();
    })

    // 收藏
    $(".collection").click(function () {
        //获取了标签上的新闻编号
        var news_id = $(".collection").attr('data-newid');
        //设置操作类型
        var action = "collect"
        var csrf_token = $("input[name='csrf_token']").val();

        //拼接参数
        var params = {
            "news_id": news_id,
            "action": action,
            'csrf_token':csrf_token
        }
        console.log('csrf_token:' + csrf_token)

        //发送收藏请求
        $.ajax({
            url: "/news_collect",
            type: "post",
            dataType: "json",
            data: params,
            success: function (resp) {
                if (resp.code == "200") {
                    // 收藏成功
                    // 隐藏收藏按钮
                    $(".collection").hide();
                    // 显示取消收藏按钮
                    $(".collected").show();
                }else if (resp.code == "4101"){
                    // $('.login_form_con').show();
                    window.location.href="/user/login";
                }else{
                    alert(resp.mes);
                }
            }
        })

    })

    // 取消收藏
    $(".collected").click(function () {
        //取出新闻编号
        var news_id = $(".collected").attr('data-newid');
        //设置操作类型
        var action = "cancel_collect"
        //拼接请求参数
        var csrf_token = $("input[name='csrf_token']").val();

        //拼接参数
        var params = {
            "news_id": news_id,
            "action": action,
            'csrf_token':csrf_token
        }

        //发送取消收藏
        $.ajax({
            url: "/news_collect",
            type: "post",
            dataType: "json",
            data: params,
            success: function (resp) {
                if (resp.code == "200") {
                    // 收藏成功
                    // 显示收藏按钮
                    $(".collection").show();
                    // 隐藏取消收藏按钮
                    $(".collected").hide();
                }else if (resp.code == "4101"){
                    // $('.login_form_con').show();
                    window.location.href="/user/login";
                }else{
                    alert(resp.mes);
                }
            }
        })

    })


        // 评论提交
    $(".comment_form").submit(function (e) {
        // 禁止表单自动提交到 后台py文件到接口中
        e.preventDefault();
        //取出新闻编号
        var news_id = $(this).attr('data-newsid')
        //获取评论内容
        var news_comment = $(".comment_input").val();
        var csrf_token = $("input[name='csrf_token']").val();


        if (!news_comment) {
            alert('请输入评论内容');
            return
        }

        //拼接请求参数
        var params = {
            "news_id": news_id,
            "comment": news_comment,
            'csrf_token':csrf_token
        };
        //发送评论请求
        $.ajax({
            url: "/news_comment",
            type: "post",
            dataType: "json",
            data: params,
            success: function (resp) {
                if (resp.code == '200') {
                    var comment = resp.data
                    console.log(comment)
                    // 拼接内容
                    var comment_html = ''
                    comment_html += '<div class="comment_list">'
                    comment_html += '<div class="person_pic fl">'
                    if (comment.user.avatar_url) {
                        comment_html += '<img src="' + comment.user.avatar_url + '" alt="用户图标">'
                    }else {
                        comment_html += '<img src="../../static/news/images/person01.png" alt="用户图标">'
                    }
                    comment_html += '</div>'
                    comment_html += '<div class="user_name fl">' + comment.user.nick_name + '</div>'
                    comment_html += '<div class="comment_text fl">'
                    comment_html += comment.content
                    comment_html += '</div>'
                    comment_html += '<div class="comment_time fl">' + comment.create_time + '</div>'

                    comment_html += '<a href="javascript:;" class="comment_up fr" data-commentid="' + comment.id + '" data-newsid="' + comment.news_id + '">赞</a>'
                    comment_html += '<a href="javascript:;" class="comment_reply fr">回复</a>'
                    comment_html += '<form class="reply_form fl" data-commentid="' + comment.id + '" data-newsid="' + news_id + '">'
                    comment_html += '<textarea class="reply_input"></textarea>'
                    comment_html += '<input type="button" value="回复" class="reply_sub fr">'
                    comment_html += '<input type="reset" name="" value="取消" class="reply_cancel fr">'
                    comment_html += '</form>'

                    comment_html += '</div>'
                    // 拼接到内容的前面
                    $(".comment_list_con").prepend(comment_html)
                    // 让comment_sub 失去焦点
                    $('.comment_sub').blur();
                    // 清空输入框内容
                    $(".comment_input").val("")
                    //更新评论条数
                    updateCommentCount()
                }else {
                    alert(resp.errmsg)
                }
            }
        })
    })
})

// 更新评论条数
function updateCommentCount() {
    var length = $(".comment_list").length
    $(".comment_count").html(length + "条评论")
}